<template>
  <section id="tj1">
    
      
      <section class="nav">
      <ul>
        <li>全部</li>
        <li>球鞋</li>
        <li>
          <img src="@/assets/images/3.jpg" alt="" />
        </li>
        <li>穿搭</li>
        <li>手表</li>
        <li>美妆</li>
        <li>男士理容</li>
        <li>玩具</li>
        <li>篮球</li>
        <li>健身</li>
        <li>游戏</li>
      </ul>
    </section>
    
    
  </section>
</template>

<script scoped>
export default {
  //  参数
};
</script>

<style scoped>
#tj1 .nav {
  width: 100%;
  height: 0.3rem;
  background-color: white;
  overflow: auto;
  padding-top: .05rem;
  border-bottom: .01rem solid slategrey;
}
#tj1 .nav ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
#tj1 .nav ul img {
  width: 100%;
  height: 100%;
}
#tj1 .nav ul li {
  width: 0.59rem;
  flex-shrink: 0;
  font-size: 0.13rem;
  line-height: 0.16rem;
  color: #c0c0cc;
}
#tj1 .nav ul li:hover {
  color: #000;
  font-weight: 600;
}
</style>